<template>
	<view class="content">
		<div class="toptMsg">
			请在10分钟内完成付款，否则订单将自动失效。
		</div>
		<div class="botMsg">
			<div class="bock">
				<uni-row>
					<uni-col :span="6">
						<div class="d1">
							预约人
						</div>
					</uni-col>
					<uni-col :span="18">
						<div class="d2">
							宋松松
						</div>
					</uni-col>
				</uni-row>
			</div>
			<div class="bock">
				<uni-row>
					<uni-col :span="6">
						<div class="d1">
							预约科室
						</div>
					</uni-col>
					<uni-col :span="18">
						<div class="d2">
							心脑血管
						</div>
					</uni-col>
				</uni-row>
			</div>
			<div class="bock">
				<uni-row>
					<uni-col :span="6">
						<div class="d1">
							预约医生
						</div>
					</uni-col>
					<uni-col :span="18">
						<div class="d2">
							闫三三
						</div>
					</uni-col>
				</uni-row>
			</div>
			<div class="bock">
				<uni-row>
					<uni-col :span="6">
						<div class="d1">
							预约时间
						</div>
					</uni-col>
					<uni-col :span="18">
						<div class="d2">
							2021-10-21 8:00～8:30
						</div>
					</uni-col>
				</uni-row>
			</div>
			
		</div>
		<div class="line"></div>
		<div class="number">
			<div class="d1">付款金额</div>
			<div class="d2">￥ 81.00</div>
		</div>
		
		<div class="botton">
			<button type="primary" @click="submit" class="my-btn2">立即支付</button>
		</div>
	</view>

</template>

<script>
	export default {

		data() {
			return {


			}
		},
		onShow() {

		},
		onLoad(options) {
			console.log(options, "options")

		},
		methods: {



		},
		mounted() {

		}
	}
</script>

<style scoped>
	.toptMsg {
		height: 84rpx;
		line-height: 84rpx;
		padding: 0 70rpx;
		font-size: 28rpx;
		font-weight: 600;
		color: #EA0000;
		background: rgba(233, 0, 0, 0.1);

	}

	.botMsg {
		margin: 96rpx 96rpx 48rpx 96rpx;

	}

	.botMsg .d1 {
		text-align: left;
		font-size: 28rpx;
		color: #333333;
	}

	.botMsg .d2 {
		text-align: right;
		font-size: 32rpx;
		font-weight: 600;
		color: #333333;
	}

	.botMsg .bock {
		margin-bottom: 24rpx;
	}
	.line{
		width: 85%;
		height: 2rpx;
		margin: 0 auto;
		background: rgba(102,102,102,0.2);
	}
	.number{
		width: 100%;
		font-size: 28rpx;
		margin-top: 50rpx;
		text-align: center;
	}
	.number .d2{
		margin-top: 28rpx;
		color:#333333;
		font-weight: 600;
	}
</style>